<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>添加品牌</title>
</head>
<body>
<h3>添加品牌</h3>
<div id="app">
    <form action="" method="post">
        品牌名称：<input id="brandName" v-model="brand.brandName" name="brandName"><br>
        企业名称：<input id="companyName" v-model="brand.companyName" name="companyName"><br>
        排序：<input id="ordered" v-model="brand.ordered" name="ordered"><br>
        描述信息：<textarea rows="5" cols="20" id="description" v-model="brand.description"
                           name="description"></textarea><br>
        状态：
        <input type="radio" name="status" v-model="brand.status" value="0">禁用
        <input type="radio" name="status" v-model="brand.status" value="1">启用<br>

        <input type="button" id="btn" @click="submitForm" value="提交">
    </form>
</div>


<script src="js/axios-0.18.0.js"></script>
<script src="js/vue.js"></script>
<script>
    new Vue({
        el: "#app",
        data() {
            return {
                brand: {}
            }
        },
        methods: {
            submitForm() {
                let _this = this;

                axios({
                    method: "post",
                    url:"http://localhost:8080/brandMin-demo/addServlet",
                    data: _this.brand
                }).then(function (resp) {
                    if (resp.data == "success") {
                        alert("新增成功!")
                        location.href = "http://localhost:8080/brandMin-demo/brand.html";
                    } else {
                        alert("新增失败!")
                    }
                });
            }
        }
    })


    /*
        document.getElementById("btn").onclick = function () {

            var formData = {
                brandName:"",
                companyName:"",
                ordered:"",
                description:"",
                status:"",
            }

            //设置数据
            formData.brandName = document.getElementById("brandName").value;
            formData.companyName = document.getElementById("companyName").value;
            formData.ordered = document.getElementById("ordered").value;
            formData.description = document.getElementById("description").value;
            var status = document.getElementsByName("status");
            for (let i = 0; i < status.length; i++) {
                if (status[i].checked){
                    formData.status = status[i].value;
                }
            }
            console.log(formData)
            //2. 发送ajax请求
            axios({
                method:"post",
                url:"http://localhost:8080/brandMin-demo/addServlet",
                data:formData
            }).then(function (resp) {
                // 判断响应数据是否为 success
                if(resp.data == "success"){
                    alert("新增成功！")
                    location.href = "http://localhost:8080/brandMin-demo/brand.html";
                }
            })
        }
    */
</script>
</body>
</html>